<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Making a Giveaway Randomizer App w/ jQuery | Tutorialzine Demo</title>

<link rel="stylesheet" type="text/css" href="LeagueGothic/fontface.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div class="step" id="step1">
    <div class="section">
        <h1>Step 1</h1>
        <h2>Paste a CSV Formatted List of All The Contestants</h2>
        
        <textarea>Contestant Name, email@example.com
Contestant2 Name, email@example.com
Contestant3, anotheremail@example.com</textarea>
		<a href="#" class="button">Next</a>
    </div>
</div>

<div class="step" id="step2">
    <div class="section">
        <h1>Step 2</h1>
        <h2>Paste a CSV Formatted List of All The Prizes</h2>
        <textarea>Prize Name, 2
Another Prize, 1</textarea>
		<a href="#" class="button back">Back</a>
		<a href="#" class="button finish">Finish!</a>
    </div>
</div>

<div class="step" id="step3">
    <div class="section">
        <h1>Step 3</h1>
        <h2>Congratulations to the Winners!</h2>
        <div class="results"></div>
        <a href="#" class="button again">Again</a>
    </div>
</div>


    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="md5.js"></script>
<script src="script.js"></script>
</body>
</html>
